.index{
	width: 1200px
}
.login_header{
	height:80px;
	img{
		display: inline-block;
		vertical-align: middle;
		margin-top: 10px
	}
}
 
.main{
	margin-bottom: 30px;
}
.login_main{
	position: relative;
	height: 400px;
}
.login_panel{
	width: 380px; 
	border:1px solid #d3d3d3;
	position: absolute;
	right:0;
	top: 20px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 4px #d3d3d3;
	.login_panel_header{
		height: 40px;
		line-height: 40px;
		text-indent: 10px;
		border-bottom: 1px solid #d3d3d3;
		border-radius: 5px 5px 0 0;
		background: #F5F5F5;
	    background: -webkit-gradient(linear,0 0,0 100%, from(#ffffff), to(#F5F5F5));
	    background: -moz-linear-gradient(top,#ffffff 15%,#F5F5F5 50%,#F0F0F0);
	    label{
			font-size: 18px;
		}
		span{
			float: right;
			margin-right: 20px;
		}

	}
}
 
.login_panel .login_panel_body{
	padding: 20px;
	.input_ui{
		width: 100%;
		height: 35px;
		margin-bottom: 10px;
		border:1px solid #d3d3d3;
		border-radius: 4px;	
		i{
			display: inline-block;
			vertical-align: top;
			width: 25px;
			height: 35px;
			&.i_1{
				background: url(../../img/username_1.png) no-repeat center;	
			}
			&.i_2{
				background: url(../../img/password.png) no-repeat center;	
			}
		}
		
		.txt{
			border: none;
			line-height: 33px;
			height: 33px;
			width:310px; 
			display: inline-block;
			vertical-align: top;
			float: right;
			border-radius: 0 4px 4px 0;
		}
	}
	.code{
		width: 120px;
		display: inline-block;
		.txt{
			width: 90px;
		}
	}
	.chick_ul{
		a{ 
			float:right;
		}
	}

}

#code_to_mail{
	display: inline-block;
	vertical-align: bottom;
	margin:0 0 15px 15px;
}

#sub{
	/*width:120px;*/
	width: 100%;
	height:38px; 
	border-radius:4px; 
	background:#c40000; 
	margin-top:10px; 
	color:#fff; 
	line-height:34px;  
	font-size:14px;
	cursor:pointer;
	// box-shadow: 0 2px 8px #f2f2f2 inset; 
	border:none;
}
.footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}